.fadeIn {
    animation: moveUp 0.5s ease forwards;
    -webkit-animation: moveUp 0.5s ease forwards;
    -moz-animation: moveUp 0.5s ease forwards;
    -o-animation: moveUp 0.5s ease forwards;
}

@keyframes moveUp {

    0% {
        transform: scale(1);
        top: -15px;
        opacity: 0;
    }

    25% {
        transform: scale(1.5);
        top: -25px;
        opacity: 0.5;
    }

    50% {
        transform: scale(2);
        top: -30px;
        opacity: 1;
    }

    75% {
        transform: scale(2.5);
        top: -32px;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        top: -35px;
        opacity: 0;
    }
}

@-moz-keyframes moveUp {

    0% {
        transform: scale(1);
        top: -15px;
        opacity: 0;
    }

    25% {
        transform: scale(1.5);
        top: -25px;
        opacity: 0.5;
    }

    50% {
        transform: scale(2);
        top: -30px;
        opacity: 1;
    }

    75% {
        transform: scale(2.5);
        top: -32px;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        top: -35px;
        opacity: 0;
    }
}

@-o-keyframes moveUp {

    0% {
        transform: scale(1);
        top: -15px;
        opacity: 0;
    }

    25% {
        transform: scale(1.5);
        top: -25px;
        opacity: 0.5;
    }

    50% {
        transform: scale(2);
        top: -30px;
        opacity: 1;
    }

    75% {
        transform: scale(2.5);
        top: -32px;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        top: -35px;
        opacity: 0;
    }
}

@-webkit-keyframes moveUp {

    0% {
        transform: scale(1);
        top: -15px;
        opacity: 0;
    }

    25% {
        transform: scale(1.5);
        top: -25px;
        opacity: 0.5;
    }

    50% {
        transform: scale(2);
        top: -30px;
        opacity: 1;
    }

    75% {
        transform: scale(2.5);
        top: -32px;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        top: -35px;
        opacity: 0;
    }
}